<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>互动中心</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!--你自己的样式文件 -->
    <link href="css/cbzx_style.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询，如果不需要用可以移除 -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>
<body>
<div class="container">
    <!--头部开始-->
    <div id="header">
        <h1 class="col-xs-4">
            <a href="#">集约化公共服务平台<br/><small>广东省新闻出版广电局</small></a></h1>
        <div class="r-box">
            <ul class="nav">
                <li><a class="a1" href="#"><span>采编中心</span></a></li>
                <li><a class="a2" href="#"><span>互动中心</span></a></li>
                <li><a class="a3" href="#"><span>运营中心</span></a></li>
                <li><a class="a4" href="#"><span>管理中心</span></a></li>
            </ul>
            <div class="user">
                <dl>
                    <dt><a href="#"><img src="images/header_tx.png" alt=""/></a><i>5</i></dt>
                    <dd>张大伟<br/><a href="#">退出</a></dd>
                </dl>
                <ul class="tc">
                    <li><a href="#" class="a1">消息<i>5</i></a></li>
                    <li><a href="#" class="a2">站群管理</a></li>
                    <li><a href="#" class="a3">密码管理</a></li>
                    <li><a href="#" class="a4">帮助</a></li>
                    <li><a href="#" class="a5">退出系统</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--头部结束-->
    <!--主体开始-->
    <div id="content">
        <div class="hdzx-con row">
            <!--左边开始-->
            <div class="col-xs-6">
                <!--咨询投诉开始-->
                <div class="main js_trsTab">
                    <p class="tit">
                        <strong>咨询投诉</strong>
                        <span>
                            <a href="#"><i class="fa fa-arrows-alt"></i></a>
                            <a href="#"><i class="fa fa-cog"></i></a>
                        </span>
                    </p>
                    <ul class="tab-ul js_tab">
                        <li>12345</li>
                        <li>投诉与建议</li>
                    </ul>
                    <div class="js_con js_trsTab01 h-320">
                        <ul class="tab-ul01 js_tab01">
                            <li>办结案件</li>
                            <li>已受理事项</li>
                            <li>不予受理事项</li>
                            <li>经典案例</li>
                        </ul>
                        <ul class="zxts-list js_con01">
                            <li><a href="#" title="" target="_blank">来参保人员一次性补缴业务问题</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">噪音扰民问题</a></li>
                            <li><a href="#" title="" target="_blank">环境污染问题</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">来参保人员一次性补缴业务问题</a></li>
                            <li><a href="#" title="" target="_blank">拖欠增加的基本养老金</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">村民建房用地问题</a></li>
                            <li><a href="#" title="" target="_blank">移动信号问题</a></li>
                        </ul>
                        <ul class="zxts-list js_con01">
                            <li><a href="#" title="" target="_blank">22来参保人员一次性补缴业务问题</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">噪音扰民问题</a></li>
                            <li><a href="#" title="" target="_blank">环境污染问题</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">来参保人员一次性补缴业务问题</a></li>
                            <li><a href="#" title="" target="_blank">拖欠增加的基本养老金</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">村民建房用地问题</a></li>
                            <li><a href="#" title="" target="_blank">移动信号问题</a></li>
                        </ul>
                        <ul class="zxts-list js_con01">
                            <li><a href="#" title="" target="_blank">33来参保人员一次性补缴业务问题</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">噪音扰民问题</a></li>
                            <li><a href="#" title="" target="_blank">环境污染问题</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">来参保人员一次性补缴业务问题</a></li>
                            <li><a href="#" title="" target="_blank">拖欠增加的基本养老金</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">村民建房用地问题</a></li>
                            <li><a href="#" title="" target="_blank">移动信号问题</a></li>
                        </ul>
                        <ul class="zxts-list js_con01">
                            <li><a href="#" title="" target="_blank">44来参保人员一次性补缴业务问题</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">噪音扰民问题</a></li>
                            <li><a href="#" title="" target="_blank">环境污染问题</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">来参保人员一次性补缴业务问题</a></li>
                            <li><a href="#" title="" target="_blank">拖欠增加的基本养老金</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">村民建房用地问题</a></li>
                            <li><a href="#" title="" target="_blank">移动信号问题</a></li>
                        </ul>
                    </div>
                    <div class="js_con js_trsTab01 h-320">
                        <ul class="tab-ul01 js_tab01">
                            <li>2办结案件</li>
                            <li>已受理事项</li>
                            <li>不予受理事项</li>
                            <li>经典案例</li>
                        </ul>
                        <ul class="zxts-list js_con01">
                            <li><a href="#" title="" target="_blank">来参保人员一次性补缴业务问题</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">噪音扰民问题</a></li>
                            <li><a href="#" title="" target="_blank">环境污染问题</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">来参保人员一次性补缴业务问题</a></li>
                            <li><a href="#" title="" target="_blank">拖欠增加的基本养老金</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">村民建房用地问题</a></li>
                            <li><a href="#" title="" target="_blank">移动信号问题</a></li>
                        </ul>
                        <ul class="zxts-list js_con01">
                            <li><a href="#" title="" target="_blank">22来参保人员一次性补缴业务问题</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">噪音扰民问题</a></li>
                            <li><a href="#" title="" target="_blank">环境污染问题</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">来参保人员一次性补缴业务问题</a></li>
                            <li><a href="#" title="" target="_blank">拖欠增加的基本养老金</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">村民建房用地问题</a></li>
                            <li><a href="#" title="" target="_blank">移动信号问题</a></li>
                        </ul>
                        <ul class="zxts-list js_con01">
                            <li><a href="#" title="" target="_blank">33来参保人员一次性补缴业务问题</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">噪音扰民问题</a></li>
                            <li><a href="#" title="" target="_blank">环境污染问题</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">来参保人员一次性补缴业务问题</a></li>
                            <li><a href="#" title="" target="_blank">拖欠增加的基本养老金</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">村民建房用地问题</a></li>
                            <li><a href="#" title="" target="_blank">移动信号问题</a></li>
                        </ul>
                        <ul class="zxts-list js_con01">
                            <li><a href="#" title="" target="_blank">44来参保人员一次性补缴业务问题</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">噪音扰民问题</a></li>
                            <li><a href="#" title="" target="_blank">环境污染问题</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">来参保人员一次性补缴业务问题</a></li>
                            <li><a href="#" title="" target="_blank">拖欠增加的基本养老金</a></li>
                            <li class="bg01"><a href="#" title="" target="_blank">村民建房用地问题</a></li>
                            <li><a href="#" title="" target="_blank">移动信号问题</a></li>
                        </ul>
                    </div>
                </div>
                <!--咨询投诉结束-->
                <!--在线访谈开始-->
                <div class="main mt20">
                    <p class="tit">
                        <strong>在线访谈</strong>
                        <span>
                            <a href="#"><i class="fa fa-arrows-alt"></i></a>
                            <a href="#"><i class="fa fa-cog"></i></a>
                        </span>
                    </p>
                    <div class="zxft-box">
                        <img src="images/demo_pic_122X94.jpg" alt=""/>
                        <p><strong>主题：</strong>上海全面两孩政策解读</p>
                        <p><strong>时间：</strong>2016年03月17日13时</p>
                        <p><strong>嘉宾：</strong>市卫生计生委主任  邬惊雷</p>
                        <p><a href="#">文字实录</a><span>|</span><a href="#">文字管理</a><span>|</span><a href="#">视频管理</a><span>|</span><a href="#">问题互动</a></p>
                        <p><strong>摘要：</strong>计划生育政策事关每个家庭和公民，全面两孩政策实施后，网友...</p>
                    </div>
                    <div class="zxft-box">
                        <img src="images/demo_pic_122X94.jpg" alt=""/>
                        <p><strong>主题：</strong>上海全面两孩政策解读</p>
                        <p><strong>时间：</strong>2016年03月17日13时</p>
                        <p><strong>嘉宾：</strong>市卫生计生委主任  邬惊雷</p>
                        <p><a href="#">文字实录</a><span>|</span><a href="#">文字管理</a><span>|</span><a href="#">视频管理</a><span>|</span><a href="#">问题互动</a></p>
                        <p><strong>摘要：</strong>计划生育政策事关每个家庭和公民，全面两孩政策实施后，网友...</p>
                    </div>
                    <div class="zxft-box">
                        <img src="images/demo_pic_122X94.jpg" alt=""/>
                        <p><strong>主题：</strong>上海全面两孩政策解读</p>
                        <p><strong>时间：</strong>2016年03月17日13时</p>
                        <p><strong>嘉宾：</strong>市卫生计生委主任  邬惊雷</p>
                        <p><a href="#">文字实录</a><span>|</span><a href="#">文字管理</a><span>|</span><a href="#">视频管理</a><span>|</span><a href="#">问题互动</a></p>
                        <p><strong>摘要：</strong>计划生育政策事关每个家庭和公民，全面两孩政策实施后，网友...</p>
                    </div>
                </div>
                <!--在线访谈结束-->
            </div>
            <!--左边结束-->
            <!--右边开始-->
            <div class="col-xs-6">
                <!--征集与调查开始-->
                <div class="main js_trsTab">
                    <p class="tit">
                        <strong>征集与调查</strong>
                        <span>
                            <a href="#"><i class="fa fa-arrows-alt"></i></a>
                            <a href="#"><i class="fa fa-cog"></i></a>
                        </span>
                    </p>
                    <ul class="tab-ul js_tab">
                        <li>网上调查 </li>
                        <li>意见征集</li>
                    </ul>
                    <div class="js_con h-320">
                        <dl class="wsdc-dl">
                            <dt>当前网上调查<a href="#">更多</a> </dt>
                            <dd>
                                <p><a href="#">您知道12345政府服务热线有哪些使用渠道？</a><br><span>（开始时间：2016-08-01  结束时间：2016-12-31）</span></p>
                                <p><a href="#">您知道12345政府服务热线有哪些使用渠道？</a><br><span>（开始时间：2016-08-01  结束时间：2016-12-31）</span></p>
                            </dd>
                            <dt>当前网上调查<a href="#">更多</a> </dt>
                            <dd>
                                <p><a href="#">您知道12345政府服务热线有哪些使用渠道？</a><br><span>（开始时间：2016-08-01  结束时间：2016-12-31）</span></p>
                                <p><a href="#">您知道12345政府服务热线有哪些使用渠道？</a><br><span>（开始时间：2016-08-01  结束时间：2016-12-31）</span></p>
                            </dd>
                        </dl>
                    </div>
                    <div class="js_con yjzj h-320">
                        <div class="m-box">
                            <p><strong>创建时间：</strong><em>2016-09-02</em></p>
                            <p><a href="#">广州市城市管理委员会关于征求《广州市生活垃圾终端处理设施区域生态
                                补偿暂行办法》及其实施细则意见的公告</a></p>
                            <p><strong>征集时间：</strong><em>2016-09-02至2016-09-11</em></p>
                        </div>
                        <div class="m-box">
                            <p><strong>创建时间：</strong><em>2016-09-02</em></p>
                            <p><a href="#">广州市城市管理委员会关于征求《广州市生活垃圾终端处理设施区域生态
                                补偿暂行办法》及其实施细则意见的公告</a></p>
                            <p><strong>征集时间：</strong><em>2016-09-02至2016-09-11</em></p>
                        </div>
                        <div class="m-box" style="background: none;">
                            <p><strong>创建时间：</strong><em>2016-09-02</em></p>
                            <p><a href="#">广州市城市管理委员会关于征求《广州市生活垃圾终端处理设施区域生态
                                补偿暂行办法》及其实施细则意见的公告</a></p>
                            <p><strong>征集时间：</strong><em>2016-09-02至2016-09-11</em></p>
                        </div>
                    </div>
                </div>
                <!--征集与调查结束-->
                <!--知识库管理开始-->
                <div class="main mt20">
                    <p class="tit">
                        <strong>知识库管理</strong>
                        <span>
                            <a href="#"><i class="fa fa-arrows-alt"></i></a>
                            <a href="#"><i class="fa fa-cog"></i></a>
                        </span>
                    </p>
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th>标题</th>
                            <th>时间</th>
                            <th style="line-height: 20px;">提问<br/>次数</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="td01"><a href="#">咨询工商业务，打哪个电话进行咨询？</a></td>
                            <td>2016年07月07日</td>
                            <td><em>2</em></td>
                        </tr>
                        <tr>
                            <td class="td01"><a href="#">办理临时身份证需要带什么东西？先去办
                                正式的？这个临时身份证有效期是多久？
                                用预约吗？多久取？办公时间是几点？</a></td>
                            <td>2016年07月07日</td>
                            <td><em>16</em></td>
                        </tr>
                        <tr>
                            <td class="td01"><a href="#">咨询工商业务，打哪个电话进行咨询？</a></td>
                            <td>2016年07月07日</td>
                            <td><em>2</em></td>
                        </tr>
                        <tr>
                            <td class="td01"><a href="#">咨询工商业务，打哪个电话进行咨询？</a></td>
                            <td>2016年07月07日</td>
                            <td><em>2</em></td>
                        </tr>
                        <tr>
                            <td class="td01"><a href="#">办理临时身份证需要带什么东西？先去办
                                正式的？这个临时身份证有效期是多久？
                                用预约吗？多久取？办公时间是几点？</a></td>
                            <td>2016年07月07日</td>
                            <td><em>16</em></td>
                        </tr>
                        <tr>
                            <td class="td01"><a href="#">咨询工商业务，打哪个电话进行咨询？</a></td>
                            <td>2016年07月07日</td>
                            <td><em>2</em></td>
                        </tr>
                        <tr>
                            <td class="td01"><a href="#">咨询工商业务，打哪个电话进行咨询？</a></td>
                            <td>2016年07月07日</td>
                            <td><em>2</em></td>
                        </tr>
                        <tr>
                            <td class="td01"><a href="#">办理临时身份证需要带什么东西？先去办
                                正式的？这个临时身份证有效期是多久？
                                用预约吗？多久取？办公时间是几点？</a></td>
                            <td>2016年07月07日</td>
                            <td><em>16</em></td>
                        </tr>
                        <tr>
                            <td class="td01"><a href="#">咨询工商业务，打哪个电话进行咨询？</a></td>
                            <td>2016年07月07日</td>
                            <td><em>2</em></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <!--知识库管理结束-->
            </div>
            <!--右边结束-->
        </div>
    </div>
    <!--主体结束-->
    <!--底部开始-->
    <div id="footer">
        北京拓尔思信息技术股份有限公司版权所有
    </div>
    <!--底部结束-->
</div>
<!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
<script src="js/jquery-1.11.2.min.js"></script>
<!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用　-->
<script src="js/bootstrap.min.js"></script>
<script src="js/common_js.js"></script>
</body>
</html>